ads

Showing posts with label blogger tips. Show all posts
Showing posts with label blogger tips. Show all posts

Saturday, 21 April 2018

8 Powerful Tools To Make You a Social Media Expert

To be more efficient and free time for other tasks, you only have two options. Make social networking efforts to an outside agency or invest in real tools. For many small businesses with small marketing budgets, outsourcing is not an option. If you are such a type of business, be sure to visit this list of tools that will literally turn you into a social media specialist.




1. Hootsuite

HootSuite is primarily a tool for monitoring programs and social networks. Works with over 35 social networks and has a great analytical capacity that gives you a deep picture of how your audience relates to your publications.



2. Google Alerts

Google Alerts is primarily a notification service and a web tracker. Google Alerts is the best way to check the web for your brands, yourself, your competitors, or any other item you want to track. Just log in to Google.com/alerts using your Google Account and write the word or phrase you want to receive. At any time, Google or Google indexes a word or phrase, you will receive an email alert to check the link. This allows you to keep track of important things that can affect your business.

Read also:  Code default social sharing button of blogger.


3. Puffer

If a fantastic social media programming tool has already been created, it must be a buffer. Buffer puts the following programs on steroids. All you have to do is paste the interface content into the interface, then select the publishing program. After that, the application is put into automatic publishing service for you. With the basic premium plan that costs $ 100 per month, you can schedule up to 100 publications on different social networks. The analysis of links is also convincing and very easy to understand, especially for beginners. If you need to reprogram the publications do not need to copy and paste the link, just scroll down and click on the "Read" and publications returns to the queue for programming.

Buzzsumo

Buzzzso is a content marketing and SEO tool. With this tool, you can find the content that best suits your business and determine the main impacts on social networking.



5. Meeting Title Analyzer

As its name suggests, CoSchedule helps you write interesting titles. It does so by taking into account the structure of words, emotions, structure, duration, emotional attraction and many other elements. Writing better titles allows you to get more participation, participation, and traffic in your blog posts. CoSchedule has plans for solopreneurs and large teams.

6. Canva

Canva is a tool for creating and publishing visual content. As you know, visual content is important in social networks. Visual content attracts more participation. Canva has many tools to help you create exceptional visual content from the extensive design library. You do not need graphic design skills to start using Canva. After creating your content, you can publish it to multiple social media accounts at the touch of a button.

7. TailWind

While most of the apps above are used with a large number of social networks, TailWind focuses on Pinterest and Instagram. Use this tool to discover content, schedule publications, track conversations, expand reach, and analyze results.

8. Hiplay

Puffer is a social networking tool that integrates with a buffer. Temporary storage of content is repeated. Its base level is $ 5 per month for the first three social media profiles. Once you have a subscription, give Hiplay Access to the Buffer.

Three columns separate each profile from social networks. Everything that has already been published by Buffer appears in an untreated card. Just select the content you want to automatically buffer and display in the correct column. Depending on how often you set up, Hiplay will randomly select the audience you want to store again. If you want to delete the publication, simply click on Archiving and archiving and vice versa if you change. HiPlay closes the automation clip to the clipboard where you need to temporarily save the content.

conclusion

This list is certainly not exhaustive. There are hundreds of social media tools that simplify tasks and do more. But that's it
Read More »

Saturday, 25 June 2016

Code default social sharing button of blogger.

This code is default social sharing button of blog, I'm usually to design social share button on blogger, I'm always to close it, so I'm stored to working, if it's not you find don't read this post.


 Code default social sharing button of blogger (HTML). 
<div class="post-share-buttons goog-inline-block">
    <a class="goog-inline-block share-button sb-email" href="https://www.blogger.com/share-post.g?blogID=7846166105687430852&amp;postID=5442576116891189058&amp;target=email"
Read More »

Monday, 7 March 2016

How To Submit Blogger Sitemap To Google Webmaster Tools


To be successful in your blogging career you must have to generate decent organic traffic to your blog. By the term “organic traffic” I mean the traffic which comes to your blog through search engines like Google. If you are a new blogger then you should be aware with the Google Webmaster Tools. This is a great tool which is provided by Google itself. It is useful for bloggers and webmasters to get their blog or website index by the Google and it also help to improve our blog’s crawling rate.
You just need to verify your blog ownership in Google Webmaster Tools and then submit a simple sitemap. It is very important to submit blogger sitemap to Google in terms of SEO which tells Google about your blog and its content.

Whenever you update your blog with new posts, your sitemap helps to index them easily in search engines. This is what we are going to discuss in this post. Let see how to add blogger sitemap to Google Webmaster Tools.

Submit Blogger Sitemap To Google Webmaster Tools

Below are some easy steps you have to go through in terms to submit your blogspot blog sitemap.
  • Sign in to Google Webmaster Tools.
  • Click on the blog title for which you want to add sitemap.
  • Click on Sitemaps button as shown below.
sitemap button
  • At the top right corner of the page, press Add/Test sitemap button.
add/test sitemap
  • Once you click the button, a small box will appear as shown in the screenshot below.


  • Add the below code in the text field.
atom.xml?redirect=false&start-index=1&max-results=500
This is the sitemap code for your blogger blog which you need to add.
  • Press “Submit Sitemap” button.
  • Refresh the page.
Congratulation! You have finished the process of submitting your blog sitemap.
Note: The above sitemap will work for 500 posts only. If you have more than 500 posts published in your blog, then you have to add one more sitemap. The Whole procedure will be same but at this time you have to add this code.
atom.xml?redirect=false&start-index=501&max-results=500
The sitemap which we submit to Google Webmaster Tools is a XML sitemap which is used by search engines to find our content easily. There is HTML sitemap too which is for our blog readers. We should add sitemap page to our blog so that our readers can easily view all of our blog posts at the single location. It’ll be easy for them to read the post which they want to.
Read More »

Tuesday, 16 February 2016

How To Make Mobile Version Of Your Blogger Blog



With rise in technology and advancement in Mobile industry most of people use their smart phones to surf the web. Earlier they have to use their computer to check mail or read article on the web but now they can easily do this from their smartphones anyplace anytime. Smartphones like  Apple iphone  and Samsung have changed the way people use their phones. This has increased mobile visitors for blogs and websites. So it is must to optimize our blog templates for mobile phone users to give them best user experience on our site. Making mobile version of your blogger blog in simple 3 step process. So lets get into it.



How To Optimize Your Blog For Mobile Phone ?

  1. Go to Blogger  > Template
  2. Then click on Setting icon under Mobile as shown in below image
  3. Now Select  "
Make Mobile Version Of Your Blogger Blog
  4. Click on Save and you are done. Now you have Mobile version for your blogger blog. Enjoy!
Read More »

Monday, 15 February 2016

how to Enable Search Description For my Blog

 how to enable search description in blogger
In this tutorial i will teach you to enable search description in blogger blog. This will allow bloggers to add search description to individual blog post from within posting area. Meta tags are important part of SEO and this feature will allow you to drive more traffic to your blog. By adding search description people can see what a particular blog post is all about when they search on any search engine. In short search description or meta tags are summary of your blog post.



How to Enable Meta Tags

First you need to enable search description for your blog homepage to add search description to individual post. In order to do that follow simple steps given below.
1. Go to blogger Dashboard and click on Settings > Search Preferences.
2. Now under Meta Tag, edit description as show below.
 how to put description on my blog
3. Then choose Yes for enable search dersciption and enter a small description for your blog in less then 150 characters. For demonstration i have added description for my blog as you can see in below picture.
how to put description on my blog
4. Then save the changes. 
Now you will have meta tag description for your blog homepage and also search description option within your post area. You need to manually add description for you article or tutorial each time you publish new blog post.
 computer technology

Description Not Showing ?

If you are using custom or third party blogger template then description might not be showing for your blog. In order to fix this we need to edit blogger template.
1. Go to Blogger dashboard, Template > Edit Html
2. Search for <head> and paste the code given below just after it.
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
  <meta expr:content='data:blog.metaDescription' name='description'/>
</b:if> 
3. Now save the template and done.

Importance Of Search Description

Search description will help web crawler to higher index your page based on summary  or description you added. So its good practice to always add 2 or 3 lines summary about your blog post. This will result in increase in traffic for your blog.
Read More »

How To Change Heading Style In Blogger Using CSS

 computer technology


 

 

 

How To Add CSS Style Sub Headings ?

1. Go to Blogger > Template  > Edit HTML
2. Now search for ]]></b:skin>
3. Paste the following code above ]]></b:skin>
/*mybloggersworld.com*/
.post h3{
color:#666;
border-top:1px dotted #666;
border-bottom:1px dotted #666;
font-size: 18px;
padding-top:2px;
padding-bottom:2px;
}
 .post h4:hover{
border-top:1px dotted #0080ff;
border-bottom:1px dotted #0080ff;
/*mybloggersworld.com*/
background-color: #289728;
color:#666;
padding-top:2px;
padding-bottom:2px;
}
4. Save the template and you are done.

How To Use This CSS Style Headings In Blog Post ?

1. Open a new blog post and type your sub heading
2. Now select Minor Heading from drop down by clicking on the icon as shown below.
 computer technology
3. Another way to do this is to surround the text between h3 tag as shown below.
<h3> Blogger Sub Heading </h3>
Read More »

Wednesday, 10 February 2016

2016 computer trick:HOW TO AUTO DELETE TEMPORARY FOLDER

Here i am going to tell you best computer tips & tricks 2016.Through this you can easily search the material of best computer hacks & tricks.This post contains lots of stuff like computer notepad tricks through which you can easily delete temporary folders, Remove shortcut viruses, stop someone’s internet access, and lots of cool hacking tricks. Learn the techniques-Best Computer Tips & Tricks 2016.

Best Computer Tips & Tricks 2016


These are the best computer tips and tricks which is more usefull for you to prank with your friends.

HOW TO AUTO DELETE TEMPORARY FOLDER

  1. Firstly Go to Start and open run after this you will have to type %temp% .
  2. This will opens yours temp folder and then you can easily erase it .
2nd Method:- Using GPEDIT
  1. Firstly search for gpedit.msc and open this.
  2. Now you have to select “Computer Configuration/Administrative Templates/Windows Components/Terminal Services/Temporary Folder “
  3. Then right click on “Do Not Delete Temp Folder Upon Exit”
  4. After this Go to the properties and hit disable.
  5. Now next time Windows puts a temp file in that folder and it will automatically delete it.
Read More »

Wednesday, 11 November 2015

5 Beautiful Recent Topic Widgets For Your Blog


Now let's jump straight to today's topic, I mean the new widgets that will make your own blog more beautiful and catch the emotion of your readers.
Have you ever think that beautiful website also hold visitors? Its kinda yes.
Because after setting up your seo, Google index your new site, you share contents to social networks like Facebook, twitter, digg and others. Beautiful website also hold customer and good articles.

Now what am about to share with you today is a simple, beautiful recent topics widget and as you already know sharing is caring. Adding a recent post widget for Blogger helps to reduce the dependency on email marketing, because you don't have to send out an email just to let people know you made a new post. Instead, it updates automatically for everyone to see.

Once you've managed to attract visitors to one of your posts using the recent post widget for Blogger, it will continue to act as an accessible secondary resource to navigate around your site. That way, you can avoid having them sifting through old content that might be outdated. 

And apart from beautiful it fill the extra space in your site. 
Now follow me....
Here are five cute recent post widget for your blog

Note: pick your prefer from the code.
Adding To Blogger


  1. Go to Design > Page Elements.
  2. Click Add A Gadget.
  3. In Add A Gadget window, select HTML/Javascript .
  4. Copy the code below and paste it inside the content box.
  5. Save the gadget.
  6. Drag the gadget and reposition it where you want it to appear.
  7. Click Save button (top right hand corner).

#style1
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentpoststhumbs.js"></script>
<script style="text/javascript">
var posts_no = 5;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = false;
var posts_date = true;
var post_summary = true;
var summary_chars = 70;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css' />
<style type="text/css">
img.recent-post-thumb {width:50px;height:50px;float:right;margin: 5px -5px 0px 0px; border-radius: 100%; padding: 3px;background: #fff}
.recent-posts-container {font-family: 'Ubuntu Condensed', sans-serif; float: left;width: 100%;min-height: 55px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container {list-style-type: none; background: #fff;padding: 0px; }
ul.recent-posts-container li:nth-child(1n+0) {background: #F49A9A; width: 100%}
ul.recent-posts-container li:nth-child(2n+0) {background: #FCD092; width: 95%}
ul.recent-posts-container li:nth-child(3n+0) {background: #FFF59E; width: 90%;}
ul.recent-posts-container li:nth-child(4n+0) {background: #E1EFA0; width: 85%;}
ul.recent-posts-container li:nth-child(5n+0) {background: #B1DAEF; width: 80%;}
ul.recent-posts-container li {padding:5px 10px;min-height:50px; list-style-type: none; margin: 0px 5px -5px 5px; color: #777;}
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover { color: #222;}
.post-date {color:#e0c0c6; font-size: 11px; }
.recent-post-title a {font-size: 14px;color: #444; font-weight: bold;}
.recent-post-title {padding: 6px 0px;}
.recent-posts-details a{ color: #222;}
.recent-posts-details {padding: 5px 0px 5px; }
</style>

#style2

<div class="recentpoststyle">
<script src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentposts.js"></script>
<script>
var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts">
</script><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
.recentpoststyle {counter-reset: countposts;list-style-type: none;}
.recentpoststyle a {text-decoration: none; color: #49A8D1;}
.recentpoststyle a:hover {color: #000;}
.recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 2;position:relative;font-size: 20px;font-weight: bold;color: #fff;background: #69B7E2; margin: 15px 5px 0px -6px; padding: 0px 10px; border-radius: 100%;}
li.recent-post-title { padding: 5px 0px;}
.recent-post-title { font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
.recent-post-title a {color: #444;font-size: 13px; text-decoration: none; padding: 2px; font-weight: bold;}
.post-date {padding: 5px 2px 5px 30px; font-size: 11px; color: #999; margin-bottom: 5px;}
.recent-post-summ { border-left: 1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 11px; font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif; font-size: 15px;}
</style></div>

#style3
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentpoststhumbs.js"></script>
<script style="text/javascript">
var posts_no = 5;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
var post_summary = true;
var summary_chars = 70;</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<style type="text/css">
img.recent-post-thumb {padding:2px;width:65px;height:65px;float:left;margin: 0px 10px 10px; background: #fff; border: 1px solid #69B7E2;}
.recent-posts-container {font-family: 'Oswald', sans-serif;  float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container li {position:relative;padding:5px 0px;min-height:65px; list-style-type: none; margin-bottom: 5px;}
ul.recent-posts-container {counter-reset: countposts;list-style-type: none;}
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: 15px; font-size: 13px;font-weight: bold;color: #fff;background: #69B7E2;padding: 4px 10px; border-radius: 100%;}
.recent-posts-container a { text-decoration:none; }
.recent-post-title a {font-size: 13px; text-transform: uppercase; color: #2aace3;}
.recent-posts-details {margin: 5px 0px 0px 92px; }
.recent-posts-details a{ color: #777;}
</style>

Style #4

<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentposts2.js"></script>
<script style="text/javascript">
var posts_no = 5;
var showpoststhumbs = false;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<style type="text/css">
img.recent-post-thumb {padding: 2px; width:35px;height:35px;float:right;margin: -14px 0px 0px 5px; border: 1px solid #cea5ac; border-radius: 10%;}
.recent-posts-container {font-family: 'Oswald', sans-serif;  float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container li {position:relative;padding:5px 0px;min-height:65px; list-style-type: none; margin: 0px 10px 5px 35px;}
ul.recent-posts-container {counter-reset: countposts;list-style-type: none;}
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: 5px; font-size: 16px;color: #4D4D4D;background: #F7F7F7;padding: 9px 14px; border: 1px solid #efefef;}
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover{color: #4DACE3;}
.post-date {color:#e0c0c6; font-size: 11px; }
.recent-post-title a {font-size: 13px; text-transform: uppercase; color: #5C4D4D;}
.recent-post-title { margin: 5px 0px; }
.recent-posts-details {border-top: 4px solid #AC707A; margin-top: 5px; padding-top: 5px;}
.recent-posts-details a{ color: #888;}
a.readmorelink {color: #4DACE3;}
</style>

Style #5

recent posts, blogger gadget
<script style="text/javascript" src="https://helplogger.googlecode.com/svn/trunk/helplogger/recentposts2.js"></script>
<script style="text/javascript">
var posts_no = 5;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs" rel="nofollow"></script>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Lobster|Gloria+Hallelujah' rel='stylesheet' type='text/css' />
<style type="text/css">
img.recent-post-thumb {width:50px;height:50px;float:right;margin: -4px -35px 0px 0px; border: 4px solid #FCD6CB; border-radius: 100%;}
.recent-posts-container {font-family: 'Gloria Hallelujah', cursive;  float: left;width: 100%;min-height: 55px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container {counter-reset: countposts;list-style-type: none; background: #fff; }
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: -20px; font-size: 16px;color: #616662;background: #FCD6CB;padding: 9px 14px; border-radius: 100%; margin-top: 15px;}
ul.recent-posts-container li {position:relative;padding:5px 0px;min-height:50px; list-style-type: none; margin: -2px 5px 5px 5px;  border-top: 2px solid #FCD6CB;}
ul.recent-posts-container {border: 2px solid #FCD6CB; }
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover { color: #222;}
.post-date {color:#e0c0c6; font-size: 11px; }
.recent-post-title a {font-size: 14px;color: #616662;}
.recent-post-title {padding: 6px 0px;}
.recent-posts-details a{ color: #888;}
.recent-posts-details {padding-bottom: 5px;}
a.readmorelink {color: #4DACE3;}
</style>
Read More »

Enter your email address:

Delivered by FeedBurner